{% extends "base.html" %}
{% load i18n %}

{% block title %}{% trans "Login" %}{% endblock title %}

{% block custom_styles %}
<link rel="stylesheet" href="/static/styles/openid.css" />
{% endblock custom_styles %}

{% block custom_scripts %}
<script type="text/javascript" src="/static/js/openid-jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
	    openid.init('openid_identifier');
	});
</script>
{% endblock custom_scripts %}


{% block content %}

{% if form.errors %}
<p>{% trans "Your username and password didn't match. Please try again" %}</p>
{% endif %}

<table>
<tr>
<td>
	<form method="post" action="{% url django.contrib.auth.views.login %}" id="login_form">
	{% csrf_token %}
	
	<fieldset>
	<legend>{% trans "Through User Account" %}</legend>

	<table>
	<tr>
	    <td>{{ form.username.label_tag }}</td>
	    <td>{{ form.username }}</td>
	</tr>
	<tr>
	    <td>{{ form.password.label_tag }}</td>
	    <td>{{ form.password }}</td>
	</tr>
	</table>
	<input type="submit" value='{% trans "Login" %}' />
	</fieldset>
	
	<input type="hidden" name="next" value="{{ next }}" />
	</form>
</td>

<!-- Open ID -->
<td>
<div>
	<form action="{% url socialauth_openid_login %}" method="get" id="openid_form">
	  <input type="hidden" name="action" value="verify" />
	  
	  <fieldset>
		<legend>{% trans "Sign-in or Create New Account via these openid providers" %}</legend>
		
		<div id="openid_choice">
		  <p>{% trans "Please click your account provider" %}:</p>
		
		  <div id="openid_btns">
		    {% if FACEBOOK_APP_ID %}
			  <div id="facebook">
				<p><fb:login-button perms="{{ login_button_perms }}"></fb:login-button></p>
			  </div>	  
			{% endif %}
			
			<!-- 
			<div id="linkedin">
			  <a href="{% url socialauth_linkedin_login %}?next={{ next }}" id="linkedin_login_link" class="openid_large_btn linkedin"></a>
			</div>
			-->
		  
			<div id="twitter">
			  <a href="{% url socialauth_twitter_login %}?next={{ next }}" id="twitter_login_link" class="openid_large_btn twitter"></a>
			</div>
		  </div>
	
	      <input type="hidden" name="openid_next" value="{{ next }}">
		
		  <div id="openid_input_area">
			<input id="openid_identifier" name="openid_identifier" type="text" value="http://" />
			<input id="openid_submit" type="submit" value="Sign-In"/>
		  </div>
		</div>
		
		<!-- 
		<noscript>
		  <p>
			OpenID is service that allows you to log-on to many different websites using a single indentity. Find out 
			<a href="http://openid.net/what/">more about OpenID</a> and 
			<a href="http://openid.net/get/">how to get an OpenID enabled account</a>.
		  </p>
		</noscript>
		-->
		
	  </fieldset>
	  
	</form>
</div>
</td>

</table>


{% endblock content %}
